@charset "utf-8";

@import "reset";


$font-size:40;

@function rem($px){
    @return $px/$font-size*1rem;
}

html,body{
    margin: 0;
    width: 100%;
    height: 100%;
}

.web{
    width: 100%;
    height: 100%;
     position: relative;
    
}

header{
    width: 100%;
    height: rem(87);
    background: #f7f7f7;
    border-bottom: rem(1) solid #c1c1c1;
    position: absolute;
    left: 0;
    top: 0;
    #store{
        margin-left: rem(20);
        display: inline-block;
        color: black;
        font-size: rem(29);
        line-height: rem(88);
        
    }
    #generalize{
        margin-right: rem(21);
        display: inline-block;
        color: black;
        font-size: rem(29);
        line-height: rem(88);
    }
    h5{
        width: 30%;
        margin: 0 auto;
        display: block;
        font-size: rem(34);
        line-height: rem(88);
       letter-spacing: rem(1);
       text-align:center;
    }
}

footer{
    width: 100%;
    height: rem(98);
    border-top: rem(1) solid #c1c1c1;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #fff;
    
    ul{
        li{
            width: 25%;
            height: rem(98);
            float: left;
            text-align: center;
            
            a{
                display: inline-block;
                width: 100%; 
                height: rem(98);
                font-size: rem(20);
                color: black;
                span{
                     font-size: rem(20);
                    line-height: rem(34);
                
                }
                .home{
                    width:rem(45) ;
                    height: rem(42);
                    margin: rem(14) auto 0 auto;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .bazaar{
                    width: rem(49);
                    height: rem(45);
                   margin: rem(14) auto 0 auto;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .cat{
                    width: rem(50);
                    height: rem(43);
                   margin: rem(14) auto 0 auto;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
                .our{
                    width: rem(42);
                   height: rem(43);
                    margin: rem(14) auto 0 auto;
                    img{
                        width: 100%;
                        height: 100%;
                    }
                }
            }
        }
    }
    
}
section{
    width: 100%;
    position: absolute;
    top: rem(88);
    bottom:rem(99) ;
    background: #f3f4f6;
    overflow-y: scroll;
    
}
